<template>
    <view class="setting-header">
        <!-- 返回箭头 -->
        <view class="nav-left" @click="handleBack">
            <han-icon name="return" size="36" />
        </view>
        <text class="setting-title">设置</text>
    </view>
</template>

<script setup>
import { ref } from 'vue';

// 跳回上次一页
const handleBack = () => {
    uni.navigateBack({
        delta: 1
    });
};
</script>

<style lang="scss">
.setting-header {
    display: flex;
    height: 88rpx;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1rpx solid $han-global-border-color;
    position: relative;

    .nav-left {
        position: absolute;
        padding-left: 20rpx;
        line-height: 40rpx;
        border-radius: 50%;
    }

    .setting-title {
        font-size: $han-font-size-xl;
        font-weight: bold;
        text-align: center;
        margin: 0 auto;
    }
}
</style>
